<%@ page import="com.chinadrtv.user.model.OzingCard" %>
<%@ page import="com.chinadrtv.user.model.CardType" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<%@ include file="/common/taglibs.jsp" %>
<%@page contentType="text/html;charset=UTF-8"%>
<%@page pageEncoding="UTF-8"%>
<html>
<head>
    <title>星卡查询</title>
    <script type="text/javascript" src="${yui_server_root}/2.9.0/build/history/history-min.js"></script>
    <script type="text/javascript" src="${yui_server_root}/2.9.0/build/json/json-min.js"></script>
    <script type="text/javascript" src="${yui_server_root}/2.9.0/build/datasource/datasource-min.js"></script>
    <script type="text/javascript" src="${yui_server_root}/2.9.0/build/datatable/datatable-min.js"></script>
    <script type="text/javascript" src="${yui_server_root}/2.9.0/build/paginator/paginator-min.js"></script>

  <script type="text/javascript" src="${static_server_root}/static/scripts/card/cards.js"></script>

    <script type="text/javascript" src="${static_server_root}/static/scripts/timepicker/js/jquery-ui-1.8.16.custom.min.js"></script>
    <script type="text/javascript" src="${static_server_root}/static/scripts/timepicker/js/jquery-ui-sliderAccess.js"></script>
    <script type="text/javascript" src="${static_server_root}/static/scripts/timepicker/js/jquery-ui-timepicker-addon.js"></script>
    <link type="text/css" rel="stylesheet" href="${static_server_root}/static/scripts/timepicker/js/jquery-ui-timepicker-addon.css"/>
    <link type="text/css" rel="stylesheet" href="${static_server_root}/static/scripts/timepicker/css/ui-lightness/jquery-ui-1.8.16.custom.css"/>

    <script type="text/javascript">
        $(function () {
            $('#activeStartDate').datepicker({dateFormat:"yy-mm-dd"});
            $('#activeEndDate').datepicker({dateFormat:"yy-mm-dd"});
        });

    </script>
</head>
<body>
<div class="yui-g">
    <fieldset>
        <legend>查询星卡</legend>
        <div>
           <div class="operator-btn">
                <div>
                    <label for="cardType">类型：</label>
                    <select id="cardType" name="cardType">
                        <option value="">--</option>
                        <c:set var="enumValues" value="<%=CardType.values()%>"/>
                        <c:forEach items="${enumValues}" var="enumValue">
                            <option value="${enumValue}"><fmt:message key="${enumValue}"/></option>
                        </c:forEach>
                    </select>
                    <label for="cardId">批次号：</label>
                    <input id="batchId" name="batchId" type="text" size="30" value="<%=request.getParameter("batchId")!=null?request.getParameter("batchId"):""%>"/>
                    <label for="cardId">卡号：</label>
                    <input id="cardId" name="cardId" type="text" size="30"/>
                    <label for="cardPassword">卡密：</label>
                    <input id="cardPassword" name="cardPassword" type="text" size="30"/>  <br/>
                    <label for="activeStartDate">激活时间：</label>
                    <input id="activeStartDate" name="activeStartDate" type="text" size="10"/>-<input id="activeEndDate" name="activeStartDate" type="text" size="10"/>
                    <label for="cardStatus">状态：</label>
                    <select id="cardStatus" name="cardStatus" >
                        <option value="">--</option>
                         <c:set var="enumValues" value="<%=OzingCard.CardStatus.values()%>"/>
                         <c:forEach items="${enumValues}" var="enumValue">
                              <option value="${enumValue}"><fmt:message key="${enumValue}"/></option>
                         </c:forEach>
                    </select>
                    <label for="agent">代理商：</label>
                    <input id="agent" name="agent" type="text" size="20"/>
                </div>
            </div>
            <div class="operator-btn">
                <input type="button"  size="30" value='搜索' id="query_cards_btn"/>
                <input type="checkbox" id="selectCardsAll" name="selectCardsAll" value="0">
<%--
                <input type="button" id="refreshCardsThread" name="refreshCardsThread"
                       value="<fmt:message key='refresh'/>">
--%>
                &nbsp; &nbsp; &nbsp;
                <input type="button" id="batchCardStatus" name="batchCardStatus"
                       value="设置卡片状态" disabled>
                <input type="button" id="batchAgent" name="batchAgent"
                       value="指定代理商" disabled>

            </div>
        </div>
    </fieldset>
</div>
<div class="yui-g">
    <div id="cards-thread-paging_top" class="paging"></div>
    <div id="cards-thread-list"></div>
    <div id="cards-thread-paging" class="paging"></div>
</div>

<div class="yui-g">
    <div id="panel_status" style="display: none;">
        <div class="hd">设置卡片状态</div>
        <div class="bd">
            <select id="cardStatus_batch" name="cardStatus_batch" >
                <option value="">--</option>
                <c:forEach items="${enumValues}" var="enumValue">
                    <option value="${enumValue}"><fmt:message key="${enumValue}"/></option>
                </c:forEach>
            </select>
        </div>
    </div>
</div>
<div class="yui-g">
    <div id="panel_agent" style="display: none;">
        <div class="hd">设置代理商</div>
        <div class="bd">
            <input id="agent_batch" name="agent_batch" type="text" size="20"/>
        </div>
    </div>
</div>
</body>
</html>
